<template>
    <div class="main">
     <Info></Info>
        <section class="section">
            <div class="Grid">
                <div class="Grid-cell">
                    <div class="content">
                        <div></div>
                        <p>我的订单</p>
                    </div>
                </div>
                <div class="Grid-cell">
                    <div class="content">
                        <div></div>
                        <p>项目管理</p>
                    </div>
                </div>
                <div class="Grid-cell">
                    <div class="content">
                        <div></div>
                        <p>活动管理</p>
                    </div>
                </div>
                <div class="Grid-cell">
                    <div class="content">
                        <div></div>
                        <p>企业信息</p>
                    </div>
                </div>
            </div>
             <div class="Grid">
                <div class="Grid-cell">
                    <div class="content">
                        <div></div>
                        <p>我的提问</p>
                    </div>
                </div>
                <div class="Grid-cell">
                    <div class="content">
                        <div></div>
                        <p>我的回答</p>
                    </div>
                </div>
                <div class="Grid-cell">
                    <div class="content">
                        <div></div>
                        <p>收藏</p>
                    </div>
                </div>
                <div class="Grid-cell">
                    <div class="content">
                        <div></div>
                        <p>金币</p>
                    </div>
                </div>
            </div>
        </section>
        <List></List>
    </div>

</template>
<script>
     import Info from 'base/Info/Info.vue'
     import List from 'base/List/List.vue'
     export default {
         data (){
             return{}
         },
          components: {
              Info,
              List
        }
     }
</script>
<style scoped>
p{
    margin:0;
}
span,p{
    font-size:12px;
}
    .section{
        margin-bottom:10px;
    }
    .section .Grid{
        display:flex;
        justify-content: center;
        align-items: center;
    }
    .section .Grid-cell {
        flex: 1;
        padding:10px;
        border:1px solid #ccc;
        height:52px;
        line-height:32px;
    }
    .section .Grid-cell .content div{
        height: 30px;
        width: 30px;
        background: #ccc;
        margin: 0 auto;
    }
</style>